import React, { ReactNode } from 'react';

interface ContainerProps {
  children: ReactNode;
  [key: string]: any;
  className?: string;
}

function Container({ children, className, ...props }: ContainerProps): JSX.Element {
  return (
    <div
      className={`relative mx-2 mb-2 rounded px-4 py-2 ${className}`}
      // bodyStyle={{ padding: 0 }}
      {...props}
    >
      {children}
    </div>
  );
}

export default React.memo(Container);
